<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="m@markzou.com">
    <link rel="shortcut icon" href="favicon.png">
     <title>${(jshopbasicinfo.jshopname)}</title>
    <#if (jshopbasicinfo.metaKeywords)! != "">
        <meta name="keywords" content="${jshopbasicinfo.metaKeywords}"/>
        </#if>
        <#if (jshopbasicinfo.metaDes)! != "">
        <meta name="description" content="${jshopbasicinfo.metaDes}"/>
        </#if>
    <!-- fav icons -->
    <link rel="shortcut icon" href="${basepath}/ui/assets/img/favicon.png" />

    <link rel="stylesheet" type="text/css" href="${basepath}/ui/assets/css/inc_default_theme.css">
    <link rel="stylesheet" type="text/css" href="${basepath}/ui/assets/css/bootstrap.css">

    <script src="${basepath}/ui/assets/js/bootstrap.min.js"></script>
    <script src="${basepath}/ui/assets/js/jquery-1.9.0.min.js"></script>

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="${basepath}/ui/assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respipond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="${basepath}/ui/assets/js/html5shiv.js"></script>
      <script src="${basepath}/ui/assets/js/respond.min.js"></script>
    <![endif]-->

</head>
 <body>
<div class="container-fluid nopadding">

    <div class="page_content_loginpage">

        <div class="pc_head">

            <div class="pc_nonav">
                <div class="pc_w1200">
                    <div class="huacha_login_logo"><a href="${basepath}/index.action">${(jshopbasicinfo.jshopname)}</a></div>
                    <div class="top_catalog"><img src="${basepath}/ui/assets/img/icons/catalog.png" alt=""/></div>
                </div>
            </div>
        </div>
   <div class="pc_body user_login_body">
            <div class="pc_w1200">

                <div class="pc_mod">

                    <div class="user_login">
                        <div class="row">
                            <div class="col-md-8" style="border-right: 1px #ccc dotted;">
                                <div class="col_left">
                                    <div class="login_tit">
                                        立刻登录
                                        <span>现在登录，挑选您的商品吧。</span>
                                    </div>  
                                    <form id="form" action="${basepath}/login.action" method="post">                                 
                                    <div class="login_form form-horizontal">
                                    <div id="msg">
                                        <#if (passworderror) ??>                                      
                                            <div class="alert alert-danger alert-dismissible fade in" role="alert" style="padding: 5px 15px !important;">
                                                <strong>错误!</strong> 用户名和密码不符！
                                            </div>
                                        </#if>
                                    </div>
                                        <!--
                                        <div class="alert alert-danger alert-dismissible fade in" role="alert" style="padding: 5px 15px !important;">
                                            <strong>错误!</strong> 用户名和密码不符！
                                        </div>
                                        <div class="alert alert-success alert-dismissible fade in" role="alert" style="padding: 5px 15px !important;">
                                            <strong>成功!</strong> 登录中，请稍后！
                                        </div>
                                        -->
                                        <div class="form-group">
                                            <label for="inputEmail3" class="col-sm-2 control-label" style="padding-right: 0px;">用户名</label>
                                            <div class="col-sm-10">
                                                <input type="email" id="loginname" name="loginname" class="form-control input-lg" id="inputEmail3" placeholder="输入正确的邮箱地址">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="inputPassword3" class="col-sm-2 control-label" style="padding-right: 0px;">密码</label>
                                            <div class="col-sm-10">
                                                <input type="password" id="loginpwd" name="loginpwd" class="form-control input-lg" id="inputPassword3" placeholder="您的密码">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="inputEmail3" class="col-sm-2 control-label" style="padding-right: 0px;">验证码</label>
                                            <div class="col-sm-4">
                                                <input type="text"  class="form-control input-lg" id="inputEmail6" placeholder="">
                                            </div>
                                            <div class="col-sm-3">
                                                <div id="valieCode" style="width:100px;height:35px;background-image:url('${basepath}/ui/assets/img/bg/index.png');text-align: center;font-size:18pt;"></div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-2 col-sm-10">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox"> 记住我
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-2 col-sm-10">
                                                <button type="submit" id="submit" class="btn btn-success btn-lg">登录</button>
                                                <span style="margin-top: 10px; display: block;"><a href="">我似乎忘记了密码！</a></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="col_right">
                                    <div class="login_tit">
                                        还没账号？
                                        <span>现在注册，立享优惠。</span>
                                    </div>
                                    <div class="login_form">
                                        <div class="form-group">
                                            <button type="submit" id="nowregister" class="btn btn-primary btn-lg">新用户注册</button>
                                        </div>
                                    </div>
									
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

            </div>
            
        </div>
 <#include "/WEB-INF/theme/default/shop/footer.ftl">
 <script src="${basepath}/ui/js/validateCode.js"></script>        
 </body>
 <script type="text/javascript">
 	$(document).ready(function(){
                    var code = createCode().toUpperCase();
                    $("#valieCode").empty();
                    $("#valieCode").append(code);
                    $("#form").submit(function(){
                        $("#msg").empty();
                            //登陆名 
                            var loginname = $("#loginname").val().trim();
                            //密码
                            var password = $("#loginpwd").val().trim();
                            var inputcode = $("#inputEmail6").val().toUpperCase();

                            if(loginname==""){
                                $("#msg").append("<div id='msgname' class='alert alert-danger alert-dismissible fade in' role='alert' style='padding: 5px 15px !important;'><strong>错误!</strong> 登陆邮箱不能为空！</div>");                              
                                return false;                   
                            }
                            if(password == ""){                                
                                   $("#msg").append("<div id='msgname' class='alert alert-danger alert-dismissible fade in' role='alert' style='padding: 5px 15px !important;'><strong>错误!</strong> 请输入密码！</div>");  
                                return false;       
                            } 
                            if(inputcode != code){
                                    $("#msg").append("<div id='msgname' class='alert alert-danger alert-dismissible fade in' role='alert' style='padding: 5px 15px !important;'><strong>错误!</strong> 验证码不正确！</div>");  
                                return false;  
                            }
                    });   
                    $("#nowregister").click(function(){
                        window.location.href="${basepath}/doRegister.action";
                    });
 	})
 </script>
</html>